<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 初始化css -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 主页样式 -->
    <link rel="stylesheet" href="./css/index.css">
    <!-- 通用样式 -->
    <link rel="stylesheet" href="./css/common.css">

    <!--  -->
    <!-- 轮播图 -->
    <link rel="stylesheet" href="./Rotation map/dist/partialviewslider.min.css">
    <script src="./Rotation map/js/jquery-1.11.0.min.js"></script>
    <script src="./js/jquery.min.js"></script>
    <!--  -->
    <script src="./bootstrap-3.4.1-dist/js/jquery.min.js"></script>
    <link rel="stylesheet" href="./bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <script src="./bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>

    <SCript src="./js/index.js"></SCript>

</head>

<body>
    <!-- head -->

    <div class="header">

        <div class="fl">

            <div><img src="./img/logo3.png" alt=""></div>
            <div>
                <ul class="column">

                    <li>首页</li>
                    <li>yao配音</li>
                    <li>排行榜</li>
                    <li>附近</li>

                </ul>
            </div>

        </div>
        <div class="fr">
            <div class="search">
                <input type="text" class="text" value="请搜索内容...">
                <button class="btn glyphicon glyphicon-search"></button>
            </div>
            <div class="user">
                <ul>
                    <li>社区</li>
                    <li>消息</li>
                    <li>关注</li>
                    <li>
                        <a href="#" data-toggle="modal" data-target=".login" class="glyphicon glyphicon-user"></a>
                    </li>
                </ul>
                <!-- 登陆窗口 -->
                <div class="modal fade login" tabindex="1" role="dialog">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title">登录信息</h4>
                            </div>
                            <div class="modal-body">
                                <form>
                                    <div class="form-group">
                                        <label for="exampleInputEmail1">用户名</label>
                                        <input type="email" class="form-control" id="exampleInputEmail1">
                                        <!-- placeholder="Email" -->
                                    </div>
                                    <div class="form-group">
                                        <label for="exampleInputPassword1">密码</label>
                                        <input type="password" class="form-control" id="exampleInputPassword1">
                                    </div>

                                    <div class="checkbox">
                                        <label>
                                                        <input type="checkbox"> 记住用户名
                                                      </label>
                                    </div>

                                </form>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">注册</button>
                                <button type="button" class="btn btn-primary">登录</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->
                <!-- 窗口end -->
            </div>
        </div>

    </div>

    <!-- head end -->
    <!-- nav -->
    <div class=" w">
        <div class="nav">
            <div class="nav_l">

                <div class="nav_ll">
                    <div>
                        <a href="" class="glyphicon glyphicon-thumbs-up"></a><a href="">推荐</a></div>
                    <div>
                        <a href="#" class="glyphicon glyphicon-fire "></a><a href="">热门</a></div>

                </div>
                <div class="nav_lr">
                    <ul>

                        <li><a href="">电影</a>
                            <a href="">电视剧</a>
                        </li>

                        <li><a href="">动漫</a>
                            <a href="">游戏</a>
                        </li>
                        <li><a href="">广播剧</a>
                            <a href="">pia戏</a>
                        </li>
                        <li><a href="">情感</a>
                            <a href="">搞笑</a>
                        </li>
                        <li><a href="">朗读</a>
                            <a href="">国风</a>
                        </li>
                        <li><a href="">原创</a>
                            <a href="">混剪</a>
                        </li>
                    </ul>
                </div>

            </div>
            <div class="nav_r">
                <ul>
                    <li><a href="">活动</a></li>
                    <li><a href="">专栏</a></li>
                    <li><a href="">直播</a></li>
                    <li><a href="">头条</a></li>
                </ul>
            </div>
        </div>

    </div>
    <!-- nav end -->
    <!-- main -->
    <!-- 展示板块 -->

    <div class="w">
        <div class="gird ">
            <div class="gird_l">
                <!--  <ul id="partial-view">
                    <li>
                        <img src="./Rotation map/src/img/img1.jpg" />
                    </li>
                    <li>
                        <img src="./Rotation map/src/img/img2.jpg" />
                    </li>
                    <li>
                        <img src="./Rotation map/src/img/img3.jpg" />
                    </li>
                </ul> -->
            </div>
            <div class="gird_r">
                <div>aaaaaa</div>
                <div>a</div>
                <div>a</div>
                <div>a</div>

            </div>
        </div>

    </div>
    <!-- 展示end -->
    <!-- 推荐 -->
    <div class=" w">
        <div class="recommend ">
            <div class="recommend_t">推荐</div>
            <div class="recommend_b">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
    <!-- 推荐end -->
    <div class=" w">
        <div class="recommend ">
            <div class="recommend_t">热门</div>
            <div class="recommend_b">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
    <div class=" w">
        <div class="recommend ">
            <div class="recommend_t">电影</div>
            <div class="recommend_b">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
    <div class=" w">
        <div class="recommend ">
            <div class="recommend_t">电影</div>
            <div class="recommend_b">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
    <div class=" w">
        <div class="recommend ">
            <div class="recommend_t">电视剧</div>
            <div class="recommend_b">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
    <div class=" w">
        <div class="recommend ">
            <div class="recommend_t">动漫</div>
            <div class="recommend_b">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
    <div class=" w">
        <div class="recommend ">
            <div class="recommend_t">游戏</div>
            <div class="recommend_b">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
    <div class=" w">
        <div class="recommend ">
            <div class="recommend_t">广播剧</div>
            <div class="recommend_b">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
    <div class=" w">
        <div class="recommend ">
            <div class="recommend_t">pia戏</div>
            <div class="recommend_b">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
    <div class=" w">
        <div class="recommend ">
            <div class="recommend_t">情感</div>
            <div class="recommend_b">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
    <div class=" w">
        <div class="recommend ">
            <div class="recommend_t">搞笑</div>
            <div class="recommend_b">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
    <div class=" w">
        <div class="recommend ">
            <div class="recommend_t">朗读</div>
            <div class="recommend_b">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
    <div class=" w">
        <div class="recommend ">
            <div class="recommend_t">国风</div>
            <div class="recommend_b">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
    <div class=" w">
        <div class="recommend ">
            <div class="recommend_t">原创</div>
            <div class="recommend_b">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
    <div class=" w">
        <div class="recommend ">
            <div class="recommend_t">混剪</div>
            <div class="recommend_b">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
    <!-- footer -->
    <div class="footer">
        <div class="mod_help w">
            <div class="mod_help_item">
                <dl>
                    <dt>关于我们</dt>
                    <dd>社团介绍</dd>
                    <dd>联系方式</dd>

                </dl>
            </div>
            <div class="mod_help_item">
                <dl>
                    <dt>社团合作</dt>
                    <dd>活动合作</dd>

                    <dd>内容合作</dd>

                </dl>
            </div>
            <div class="mod_help_item">
                <dl>
                    <dt>服务</dt>
                    <dd>反馈中心</dd>

                    <dd>内容投诉</dd>
                </dl>
            </div>
        </div>

    </div>
    <!-- footer结束 -->
</body>


</html>